<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品分组设置</title>
    <link rel="stylesheet" href="/plugins/layui/dist/css/layui.css"/>
    <link rel="stylesheet" href="/css/system/animate.css"/>
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="/plugins/jquery/jquery.treegrid.css"/>
    <link rel="stylesheet" href="/css/system/style.css">
    <link rel="stylesheet" href="/css/common/common.css">
</head>
<body>

<div style="padding: 20px; background-color: #F2F2F2;">

    <div class="layui-card">
        <div class="layui-card-body">
            <button id="add_btn" class="layui-btn" style="margin-bottom: 10px;">
                <i class="layui-icon">&#xe608;</i> 添加
            </button>
            <table id="product_group_table" data-mobile-responsive="true"/>
        </div>
    </div>

    <div id="form_content" style="display: none; margin-top: 120px;">
        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-md8 layui-col-md-offset2">
                        <label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>上级分组：</label>
                        <div class="layui-input-block">
                            <input id="parent_group_name" type="text" autocomplete="off" class="layui-input" style="background-color: #eee;" readonly>
                        </div>
                    </div>
                    <div class="layui-col-md8 layui-col-md-offset2">
                        <label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>分组名称：</label>
                        <div class="layui-input-block">
                            <input id="group_name" type="text" placeholder="请输入分组名称" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
<script src="/plugins/layui/dist/lay/modules/layer.js"></script>
<script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="/plugins/bootstrap/js/bootstrap-table.min.js"></script>
<script src="/plugins/bootstrap/js/bootstrap-table-mobile.min.js"></script>
<script src="/plugins/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
<script src="/plugins/jquery/jquery.treegrid.min.js"></script>
<script src="/plugins/jquery/jquery.treegrid.extension.js"></script>
<script src="/plugins/jquery/jquery.treegrid.bootstrap3.js"></script>
<script src="/plugins/jstree/jstree.min.js"></script>
<script src="/js/common/sinoUtil.js"></script>
<script src="/js/system/productGroupingSettings.js"></script>
</body>
</html>